
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>属性选择器</title>
    <style>
        /*为具有class属性的h1标签设置样式*/
        /* h1[class]{
            color: red;
        } */

        /*约束多个属性*/
        /* h1[class][id] {
            color: red;
        } */


        /* a[href='hdmcs.com']{
            color: green;
            text-decoration: none;
        } */

        /*h1标签属性name以hdcms开头的元素*/
        /* h1[name^="hdcms"]{
            color: red;
        } */

        /*以指定值结尾的的元素*/
        /* h1[name$='com']{
            color: red;
        } */

        /*属性内部的任何位置出现值的元素 模糊查询属性*/
        /* h1[name*="houdunren"]{
            color: red;
        } */


        /*~属性值中包含指定词汇的元素*/
        /* h1[name~="houdunren"]{
            color: red;
        } */


        /*| 以指定开头或者以属性连接破折号的元素*/
        /* h1[name|="houdunren"]{
            color: red;
        } */

        






    </style>
</head>
<body>
    <h1 name="houdunren-sas" class="container" id="">houdunren.com</h1>
    <h1 name="hdcms.com houdunren" class="cont">hdcms.com</h1>
    <a href="hdcms.com">后盾人</a>
</body>
</html>